<!DOCTYPE html>
<html>



<head>
    <!-- 和昌光谷未来成 积分商城H5后台 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title>武汉矩阵</title>

    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/dropzone/basic.css" rel="stylesheet">
    <link href="css/plugins/dropzone/dropzone.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
    <link href="css/plugins/datapicker/bootstrap-datetimepicker.css" rel="stylesheet">
    <style>
        td {
            max-width: 200px;
            overflow: hidden;
        }

        .headimgUrl {
            width: 50px;
            height: 50px;
        }

        .serchInput {
            float: right;
            width: 200px;
            padding: 7px;
            border: 1px solid #958787;
            border-radius: 6px;
            margin-right: 20px;
            height: 44px;
            margin-top: 5px;
            margin-bottom: 5px;
            font-size: 18px;
        }

        .serchBtn {
            float: right;
            margin-right: 20px;
            width: 129px;
            font-size: 21px;
            margin-top: 5px;
            margin-bottom: 5px;
            font-weight: 600;
        }
    </style>

</head>

<body class="gray-bg">

    <div id="login" class="middle-box text-center loginscreen  animated fadeInDown" style="margin-top:200px;">
        <div>

            <h3>欢迎使用</h3>

            <form class="m-t" role="form">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="用户名" required="" id="loginUser">
                </div>
                <div class="form-group">
                    <input type="password" class="form-control" placeholder="密码" required="" id="loginPasswd">
                </div>
                <button type="button" class="btn btn-primary block full-width m-b" id="loginBtn">登 录</button>

            </form>
        </div>
    </div>

    <div id="table" class="row" style="display:none">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h2 id="tableTitle">矩阵平台微信公众号管理</h2>
                </div>


                <div class="columns columns-right btn-group pull-right">
                    <button class="btn btn-default btn-outline" type="button" name="refresh" title="刷新">
                        <i class="glyphicon glyphicon-repeat"></i>
                    </button>
                </div>
                <div class="pull-right search">
                    <input class="form-control input-outline" type="text" placeholder="搜索">
                </div>
                <div class="ibox-content">
                    <table class="table table-striped table-bordered table-hover dataTables-example">
                        <thead>

                        </thead>
                        <tbody>
                            <div class="sk-spinner sk-spinner-circle">
                                <div class="sk-circle1 sk-circle"></div>
                                <div class="sk-circle2 sk-circle"></div>
                                <div class="sk-circle3 sk-circle"></div>
                                <div class="sk-circle4 sk-circle"></div>
                                <div class="sk-circle5 sk-circle"></div>
                                <div class="sk-circle6 sk-circle"></div>
                                <div class="sk-circle7 sk-circle"></div>
                                <div class="sk-circle8 sk-circle"></div>
                                <div class="sk-circle9 sk-circle"></div>
                                <div class="sk-circle10 sk-circle"></div>
                                <div class="sk-circle11 sk-circle"></div>
                                <div class="sk-circle12 sk-circle"></div>
                            </div>
                        </tbody>
                    </table>

                    <div class="row">
                        <div class="col-sm-6">
                            <div class="dataTables_info" id="DataTables_Table_0_info" role="alert" aria-live="polite" aria-relevant="all">显示 1 到 10 项，共 57 项</div>
                        </div>
                        <div class="col-sm-6">
                            <ul class="pagination" style="margin: 0;padding: 0;    float: right;">
                                <li class="paginate_button previous" aria-controls="DataTables_Table_0" tabindex="0" id="DataTables_Table_0_previous">
                                    <button class="btn btn-white" type="button" disabled="true">上一页</button>
                                </li>
                                <li class="paginate_button next" aria-controls="DataTables_Table_0" tabindex="0" id="DataTables_Table_0_next">
                                    <button class="btn btn-white" type="button">下一页</button>
                                </li>
                            </ul>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-sm-1">
                            <button class="btn btn-w-m btn-primary" type="button" class="btn" id="downTable">
                                下载表格
                            </button>
                        </div>
                        <div class="col-sm-1">
                            <button class="btn btn-w-m btn-primary" type="button" class="btn" id="downTable">
                                新建
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="uploadCaseInfo" class="row" style="display:none">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-title">
                    <h2>案例上传</h2>
                </div>
                <div class="ibox-content clearfix">
                    <form method="get" class="form-horizontal">

                        <div class="form-group col-sm-8">
                            <label class="col-sm-2 control-label">项目名称(ProjectName)</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" id="projectName" onblur="checkInputValue()">
                                <span class="help-block m-b-none">填写格式：项目名称+活动名称。(例如：武汉万科+万科城市乐跑 --> 武汉万科城市乐跑H5)</span>
                            </div>
                        </div>

                        <div class="form-group col-sm-8">
                            <label class="col-sm-2 control-label">项目链接(Url)</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" onblur="checkInputValue()" id="projectUrl">
                                <span class="help-block m-b-none">填写格式：http://xxx.xxx.com/xxx</span>
                            </div>
                        </div>

                        <div class="form-group col-sm-8">
                            <label class="col-sm-2 control-label">关键字(Keyword)</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" onblur="checkInputValue()" id="keyword">
                                <span class="help-block m-b-none">填写格式：xxx;xxx;xxx</span>
                            </div>
                        </div>

                        <div class="form-group col-sm-8">
                            <label class="col-sm-2 control-label">策划人(Planner)</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" onblur="checkInputValue()" id="planner">
                                <span class="help-block m-b-none">多个策划人，请使用分号隔开</span>
                            </div>
                        </div>

                        <div class="form-group col-sm-8">
                            <label class="col-sm-2 control-label">设计师(Designer)</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" onblur="checkInputValue()" id="designer">
                                <span class="help-block m-b-none"></span>
                            </div>
                        </div>

                        <div class="form-group col-sm-8">
                            <label class="col-sm-2 control-label">文案(Word)</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" onblur="checkInputValue()" id="word">
                                <span class="help-block m-b-none"></span>
                            </div>
                        </div>

                        <div class="form-group col-sm-8">
                            <label class="col-sm-2 control-label">前端(FE)</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" onblur="checkInputValue()" id="fe">
                                <span class="help-block m-b-none"></span>
                            </div>
                        </div>

                        <div class="form-group col-sm-8">
                            <label class="col-sm-2 control-label">后端(BE)</label>
                            <div class="col-sm-10">
                                <input type="text" class="form-control" onblur="checkInputValue()" id="be">
                                <span class="help-block m-b-none"></span>
                            </div>
                        </div>

                        <div class="form-group col-sm-8">
                            <label class="col-sm-2 control-label">开始时间</label>
                            <div class="input-append date form_datetime col-sm-10">
                                <input size="16" type="text" value="" readonly class="form-control" onblur="checkInputValue()" id="date1">
                                <span class="add-on">
                                    <i class="icon-remove"></i>
                                </span>
                                <span class="add-on">
                                    <i class="icon-calendar"></i>
                                </span>
                            </div>
                        </div>
                        <div class="form-group col-sm-8">
                            <label class="col-sm-2 control-label">上线时间</label>
                            <div class="input-append date form_datetime col-sm-10">
                                <input size="16" type="text" value="" readonly class="form-control" onblur="checkInputValue()" id="date2">
                                <span class="add-on">
                                    <i class="icon-remove"></i>
                                </span>
                                <span class="add-on">
                                    <i class="icon-calendar"></i>
                                </span>
                            </div>
                        </div>
                    </form>
                </div>

                <div class="ibox-content">
                    <h2>图片上传</h2>
                    <form id="my-awesome-dropzone" class="dropzone" action="#">
                        <div class="dropzone-previews"></div>
                        <div class="form-group">

                        </div>
                    </form>
                    <button id="uploadAll" class="btn btn-primary" style="width: 300px;height: 50px;font-size: 20px;margin: 20px auto;display: block;"
                        type="submit">提交</button>
                </div>
            </div>

        </div>
    </div>


    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <!-- <script src="js/content.min.js?v=1.0.0"></script> -->
    <script src="js/plugins/dropzone/dropzone.js"></script>
    <script src="js/logic/matrixbox.js"></script>
    <script src="js/plugins/datapicker/bootstrap-datetimepicker.js"></script>
    <script src="js/plugins/datapicker/bootstrap-datetimepicker.zh-CN.js"></script>
    <script type="text/javascript">
        $(".form_datetime").datetimepicker({
            format: "yyyy-mm-dd",
            autoclose: true,
            todayBtn: true,
            // startDate: "2013-02-14 10:00",
            minuteStep: 10,
            language: 'zh-CN',
            minView: "month"
        });

        var myTable = new TableComponent({
            select: "#table",
            title: "矩阵微信公众号",
            pageLimitNum: 10,  // 分页限制
            url: "/admin/matrixbox",
            tableName: "matrixbox",
            editable: true
        })

    </script>

    <script src="http://wx.juzhen.net/wxlib/ts.js"></script>
</body>

</html>